<template>
	<view class="content">
		<u-no-network></u-no-network>

		<view class="info">
			<view class="info1 ">
				<text>姓名</text>
				<input
					type="text"
					v-model="name"
					value=""
					placeholder="请输入姓名"
				/>
			</view>
			<view class="info2">
				<text>手机号</text>
				<input
					type="number"
					v-model="mobile"
					value=""
					placeholder="请输入手机号"
				/>
			</view>

			<!-- <view class="info3">
				<text>身份证号码</text>
				<input
					type="number"
					value=""
					v-model="idCrd"
					placeholder="请输入身份证号码"
				/>
			</view> -->
		</view>

		<view class="applyToSettleIn">
			<button type="default " @click="shengqing">确认上传</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			data: {},

			mobile: '', //手机号码
			name: '', // 姓名
			//idCrd: '' //身份证号码
		};
	},
	methods: {
		// 确认上传
		shengqing() {
			if (!this.name) return uni.$showMsg('用户名输入不正确');

			let regex = /^1[34578]\d{9}$/g;

			if (!regex.test(this.mobile))
				return uni.$showMsg('手机号码输入不正确');
			//if (this.idCrd.length <= 17) return uni.$showMsg("身份证号码输入不正确") ;

			var list = {
				mobile: this.mobile,
				name: this.name,
				
			};
			Object.assign(list, this.data);

			uni.navigateTo({
				url: '../../my/zhifu/zhifu?list=' + JSON.stringify(list)
			});
		}
	},
	onLoad(e) {
		this.data = JSON.parse(e.list);
		console.log('this.data :>> ', this.data);
		setTimeout(() => {
			this.loading = false;
		}, 2000);
		console.log('111 :>> ', 111);
	}
};
</script>

<style lang="scss" scoped>
.content {
	padding: 30rpx;

	.shop {
		width: 690rpx;
		// height: 282rpx;
		background: #ffffff;
		box-shadow: 0rpx 0rpx 18rpx 0rpx rgba(51, 51, 51, 0.1);
		border-radius: 20rpx;
		padding: 31rpx;
		margin-top: 20rpx;
		text {
			font-size: 36rpx;
			font-family: 'Microsoft YaHei', PingFang SC;
			font-weight: 400;
			color: #333333;
		}

		text:before {
			content: '*';
			color: #ff0000;
		}
	}

	.info {
		width: 690rpx;
		// height: 450rpx;
		background: #ffffff;
		box-shadow: 0rpx 0rpx 18rpx 0rpx rgba(51, 51, 51, 0.1);
		border-radius: 20rpx;
		padding: 0 31rpx;
		.verificationCd {
			position: relative;
			.countdown {
				position: absolute;

				right: 50rpx;

				width: 110rpx;
				height: 60rpx;
				border-radius: 35rpx;
				//background-color: #007aff;
			}
		}

		.info1,
		.info2,
		.info3,
		.info4,
		.info5 {
			display: flex;
			flex-direction: column;
			justify-content: center;
			height: 131rpx;
			margin-left: 29rpx;
			border-bottom: 2rpx solid #f1eded;

			text {
				font-size: 36rpx;
				font-family: 'Microsoft YaHei', PingFang SC;
				font-weight: 400;
				color: #333333;
			}

			text:before {
				content: '*';
				color: #ff0000;
			}

			.inputStyle {
				font-size: 30rpx;
				font-family: 'Microsoft YaHei', PingFang SC;
				font-weight: 400;
				color: #999999;
			}
		}
	}

	.applyToSettleIn {
		button {
			margin-top: 99rpx;
			width: 690rpx;
			height: 100rpx;
			background: #671729;
			border-radius: 50rpx;

			font-size: 36rpx;
			font-family: 'Microsoft YaHei', PingFang SC;
			font-weight: 500;
			color: #ffffff;
		}
	}
}
</style>
